<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>API自动化平台</title>
  <link href="static/css/bootstrap.min.css"  rel="stylesheet">
  <link href="static/css/amazeui.min.css"  rel="stylesheet">
  <link href="static/css/admin.css"  rel="stylesheet">
  <link href="static/css/app.css"  rel="stylesheet">
  <link href="static/css/style.css"  rel="stylesheet">
  <link rel="icon" href="/static/img/logo.png" type="image/x-icon"> 
  <script src="static/js/bootstrap.min.js"></script>
</head>
<body style='background-color: papayawhip;'>
  <header class="am-topbar am-topbar-inverse admin-header">
    <div class="am-topbar-brand">
      <a href="javascript:;" class="tpl-logo">
        <img src="/static/img/logo.png" alt="">
      </a>
    </div>
  </div>
</header>
<div class="tpl-page-container tpl-page-header-fixed">
  <div class="tpl-left-nav tpl-left-nav-hover">
    <div class="tpl-left-nav-title">
    </div>
    <div class="tpl-left-nav-list">
      <ul class="tpl-left-nav-menu">
        <li class="tpl-left-nav-item">
          <a href="../jiage1/index.html" class="nav-link active">
            <i class="am-icon-home"></i>
            <span>首页</span>
          </a>
        </li>
        <li class="tpl-left-nav-item">
          <a href="../jiage1/project.html" class="nav-link tpl-left-nav-link-list">
            <i class="am-icon-bar-chart"></i>
            <span>项目</span>
          </a>
        </li>
        <li class="tpl-left-nav-item">
          <a href="../jiage1/interface.html" class="nav-link tpl-left-nav-link-list">
            <i class="am-icon-wpforms"></i>
            <span>接口</span>
          </a>
        </li>
        <li class="tpl-left-nav-item">
          <a href="../jiage1/yongli.html" class="nav-link tpl-left-nav-link-list">
            <i class="am-icon-key"></i>
            <span>测试用例</span>
          </a>
        </li>
        <li class="tpl-left-nav-item">
          <a href="../jiage1/test_rep.html" class="nav-link tpl-left-nav-link-list">
            <i class="glyphicon glyphicon-book"></i>
            <span>测试报告</span>
          </a>
        </li>
      </ul>
    </div>
  </div>

  <div class="tpl-content-wrapper">
    <div class="tpl-content-page-title">
    </div>
    <div class="tpl-portlet-components">
      <div class="portlet-title">
        <div class="caption font-green bold">
          <span class="am-icon-code"></span> 接口
        </div>
      </div>
      


      <form method="POST" action="/ser_inter">
       <strong  style="margin-right: 10px;margin-left: 10px">项目</strong><input type="text" name="project"  placeholder="请输入查询的项目">
       <span></span>
       <input type="submit" value="查询" class="btn am-btn-default am-btn-success">
     </form>
     <div>
       <div style="margin-top: 10px">
        <button class="am-btn am-btn-default am-btn-success" id="btn2"> 添加</button>
      </div>
      <div id="cd-popup2" class="cd-popup">
        <div class="reg_div">
          <form action="">
            <div class="title"><span id="close2" class="close"></span></div>
            <ul class="reg_ul">
              <li>
                <span>项目编号：</span>
                <input type="text" name="" value="" placeholder="请输入编号" class="reg_user">
              </li>
              <li>
                <span>项目名称：</span>
                <input type="password" name="" value="" placeholder="请输入名称" class="reg_password">
              </li>
              <li>
                <span>项目描述：</span>
                <textarea name="" id="" cols="30" rows="10" placeholder="请输入描述"></textarea>
              </li>
              <li>
                <span>所属项目：</span>
                <input type="password" name="" value="" placeholder="请输入项目" class="reg_confirm">
              </li>
              <li>
                <span>协议：</span>
                <input type="password" name="" value="" placeholder="请输入协议" class="reg_confirm">
              </li>
              <li>
                <span>主机：</span>
                <input type="password" name="" value="" placeholder="请输入主机" class="reg_confirm">
              </li>
              <li>
                <span>端口：</span>
                <input type="password" name="" value="" placeholder="请输入端口" class="reg_confirm">
              </li>
              <li>
                <span>接口URI：</span>
                <input type="password" name="" value="" placeholder="请输入接口" class="reg_confirm">
              </li>
              <li>
                <span>请求头：</span>
                <input type="password" name="" value="" placeholder="请输入请求头" class="reg_confirm">
              </li>
              <li>
                <span>请求方法：</span>
                <input type="password" name="" value="" placeholder="请输入方法" class="reg_confirm">
              </li>
               <li>
                <span>断言方法：</span>
                <input type="password" name="" value="" placeholder="请输入方法" class="reg_confirm">
              </li>
              <li>
                <span>是否启用：</span>
                <input type="text" name="" value="" placeholder="是" class="reg_email">
              </li>
              <li>
                <button type="reset" name="reset" class=" btn red_button">重置</button>
                <button type="submit" name="submit" class="red_button">确定</button>
              </li>
            </ul>
          </form>
        </div>
      </div>
      <table>

        <thead>
          <tr>
            <th>接口编号</th>
            <th>接口名称</th>
            <th>接口描述</th>
            <th>所属项目</th>
            <th>协议</th>
            <th>主机</th>
            <th>接口URI</th>
            <th>请求头</th>
            <th>请求方法</th>
            <th>断言方法</th>
            <th>是否启用</th>
            <th>添加时间</th>
            <th>操作</th>
          </tr>
        </thead>
        <tbody>

          <tr>
            <td>1</td>
            <td>昨夜西风凋碧树</td>
            <td>1111111</td>
            <td>阿萨德撒的</td>
            <td>大的</td>
            <td>阿萨德撒的</td>
            <td>阿萨德撒的</td>
            <td>阿萨德撒的</td>
            <td>大的</td>
            <td>阿萨德撒的德撒德撒德撒德撒德撒</td>
            <td>阿萨德撒的</td>
            <td>阿萨德撒的</td>
            <td>
              <a href="/edit_interface/1"><input type="button" value="编辑" class="btn am-btn-success btn-default"></a>
              <a href="/dele_inter/1"><input type="button" value="删除" class="btn btn-default"></a>
            </td>
          </tr>

          <tr>
            <td>2</td>
            <td>昨夜西风凋碧树</td>
            <td>1111111</td>
            <td>阿萨德撒的</td>
            <td>萨达萨达</td>
            <td>萨达萨达</td>
            <td>萨达萨达</td>
            <td>萨达</td>
            <td>大的</td>
            <td>阿萨德撒的</td>
            <td>阿萨德撒的</td>
            <td>阿萨德撒的</td>
            <td>
              <a href="/edit_interface/2"><input type="button" value="编辑" class="btn am-btn-success btn-default"></a>
              <a href="/dele_inter/2"><input type="button" value="删除" class="btn btn-default"></a>
            </td>
          </tr>

        </tbody>
      </table>
      <p class="pagination" style="margin-left: 24%;">

        <ul class="pagination">
          <li><a href="#">&laquo;</a></li>
          <li class="active"><a href="#">1</a></li>
          <li class="disabled"><a href="#">2</a></li>
          <li><a href="#">3</a></li>
          <li><a href="#">4</a></li>
          <li><a href="#">5</a></li>
          <li><a href="#">&raquo;</a></li>
        </ul>


      </p></div>

    </div>
<script src="static/js/jquery.js"></script> 
<script src="static/js/jia.js"></script>

  </body>
  </html>